<!DOCTYPE html>
<html class="x-admin-sm">
    
    <head>
        <meta charset="UTF-8">
        <title>项目发布</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="./css/font.css">
        <link rel="stylesheet" href="./css/xadmin.css">
        <script src="./lib/layui/layui.js" charset="utf-8"></script>
        <script type="text/javascript" src="./js/xadmin.js"></script>
    </head>
    <body>
        <!-- <div class="x-nav">
            <span class="layui-breadcrumb">
                <a href="">竞拍管理</a>
                <a href="">项目管理</a>
                <a>
                    <cite>编辑项目</cite></a>
            </span>
            <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
                <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i>
            </a>
        </div> -->
        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                <form class="layui-form" action="">

                    <div class="layui-form-item">
                        <label class="layui-form-label">
                            <span>*</span>
                            组织机构
                        </label>
                        <div class="layui-input-block lafite_width_30">
                        <select name="city" lay-verify="required">
                            <option value=""></option>
                            <option value="0">北京</option>
                            <option value="1">上海</option>
                            <option value="2">广州</option>
                            <option value="3">深圳</option>
                            <option value="4">杭州</option>
                        </select>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">
                             <span>*</span>
                             标的物名称
                        </label>
                        <div class="layui-input-block lafite_width_30">
                        <input type="text" name="title" required  lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">
                            <span>*</span>
                            主竞价场地
                        </label>
                        <div class="layui-input-block lafite_width_30">
                        <select name="city" lay-verify="required">
                            <option value=""></option>
                            <option value="0">北京</option>
                            <option value="1">上海</option>
                            <option value="2">广州</option>
                            <option value="3">深圳</option>
                            <option value="4">杭州</option>
                        </select>
                        </div>
                    </div>

                    <div class="layui-form-item lafite_width_80">
                        <label class="layui-form-label">
                             <span>*</span>
                             项目所在地
                        </label>
                        <div class="layui-input-block">
                        <input type="text" name="title" required  lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">
                                <span>*</span>
                                联系人
                            </label>
                            <div class="layui-input-inline">
                                <input type="text" lay-verify="email" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">
                                <span>*</span>
                                联系电话
                            </label>
                            <div class="layui-input-inline">
                                <input type="tel" name="phone" lay-verify="required|phone" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">
                                <span>*</span>
                                竞拍方式
                            </label>
                            <div class="layui-input-inline">
                                <select name="city" lay-verify="required">
                                    <option value=""></option>
                                    <option value="0">北京</option>
                                    <option value="1">上海</option>
                                    <option value="2">广州</option>
                                    <option value="3">深圳</option>
                                    <option value="4">杭州</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">
                             <span>*</span>
                             竞价阶梯
                            </label>
                            <div class="layui-input-inline">
                            <input type="text" name="title" required  lay-verify="required" placeholder="请输入价格" autocomplete="off" class="layui-input">
                            </div>
                            <div class="layui-form-mid">元</div>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">
                                <span>*</span>
                                开启延时
                            </label>
                            <div class="layui-input-block">
                                <input type="checkbox" name="switch" lay-skin="switch">
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">
                             <span>*</span>
                             最后
                            </label>
                            <div class="layui-input-inline">
                                <input type="text" name="title" required  lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
                            </div>
                            <div class="layui-form-mid">分钟</div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">
                                <span>*</span>
                                出价延迟
                            </label>
                            <div class="layui-input-inline">
                                <input type="text" name="title" required  lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
                            </div>
                            <div class="layui-form-mid">分钟</div>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">
                            <span>*</span>
                            报名起止时间
                        </label>
                        <div class="layui-input-inline lafite_width_30">
                          <input type="text" class="layui-input" id="test10" placeholder=" 至 ">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">
                            <span>*</span>
                            竞拍起止时间
                        </label>
                        <div class="layui-input-inline lafite_width_30">
                          <input type="text" class="layui-input" id="test11" placeholder=" 至 ">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">
                             <span>*</span>
                             竞拍起价
                            </label>
                            <div class="layui-input-inline">
                            <input type="text" name="title" required  lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
                            </div>
                            <div class="layui-form-mid">元</div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">
                                <span>*</span>
                                竞拍单位
                            </label>
                            <div class="layui-input-block">
                            <select name="city" lay-verify="required">
                                <option value=""></option>
                                <option value="0">北京</option>
                                <option value="1">上海</option>
                                <option value="2">广州</option>
                                <option value="3">深圳</option>
                                <option value="4">杭州</option>
                            </select>
                            </div>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">
                                <span>*</span>
                                竞拍标的单位
                            </label>
                            <div class="layui-input-block">
                            <select name="city" lay-verify="required">
                                <option value=""></option>
                                <option value="0">北京</option>
                                <option value="1">上海</option>
                                <option value="2">广州</option>
                                <option value="3">深圳</option>
                                <option value="4">杭州</option>
                            </select>
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">
                                <span>*</span>
                                保证金
                            </label>
                            <div class="layui-input-inline">
                            <input type="text" name="title" required  lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
                            </div>
                            <div class="layui-form-mid">元</div>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">
                                <span>*</span>
                                流转年限
                            </label>
                            <div class="layui-input-inline">
                            <input type="text" name="title" required  lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
                            </div>
                            <div class="layui-form-mid">年</div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">
                                <span>*</span>
                                项目佣金比例
                            </label>
                            <div class="layui-input-block">
                            <input type="text" name="title" required  lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </div>

                    <div class="layui-form-item layui-form-text">
                        <label class="layui-form-label">
                            <span>*</span>
                            项目声明
                        </label>
                        <div class="layui-input-block lafite_width_60">
                        <textarea name="desc" placeholder="请输入内容" class="layui-textarea lafite_textarea"></textarea>
                        </div>
                    </div>

                    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 40px; margin-left: 3%;">
                        <legend>标的物详情</legend>
                    </fieldset>

                    <div class="lafite_details_child">
                        <div class="layui-form-item">
                            <label class="layui-form-label">
                                <span>*</span>
                                地块名称
                            </label>
                            <div class="layui-input-block lafite_width_30">
                            <input type="text" name="title" required  lay-verify="required" placeholder="" autocomplete="off" class="layui-input">
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">
                                    土地确权编号
                                </label>
                                <div class="layui-input-inline">
                                    <input type="text" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">
                                    土地确权时间
                                </label>
                                <div class="layui-input-inline">
                                    <input type="text"  autocomplete="off" class="layui-input">
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">标的物类型</label>
                            <div class="layui-inline">
                                <select name="quiz1">
                                    <option value="">经营权转让挂牌</option>
                                    <option value="浙江">浙江省</option>
                                    <option value="你的工号">江西省</option>
                                    <option value="你最喜欢的老师">福建省</option>
                                </select>
                            </div>
                            <div class="layui-inline">
                                <select name="quiz1">
                                    <option value="">集体资源性资产挂牌</option>
                                    <option value="浙江">浙江省</option>
                                    <option value="你的工号">江西省</option>
                                    <option value="你最喜欢的老师">福建省</option>
                                </select>
                            </div>
                            <div class="layui-inline">
                                <select name="quiz1">
                                    <option value="">集体经营性资产挂牌</option>
                                    <option value="浙江">浙江省</option>
                                    <option value="你的工号">江西省</option>
                                    <option value="你最喜欢的老师">福建省</option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">
                                    <span>*</span>
                                    联系人
                                </label>
                                <div class="layui-input-inline">
                                    <input type="text" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">
                                    <span>*</span>
                                    联系电话
                                </label>
                                <div class="layui-input-inline">
                                    <input type="tel" name="phone" lay-verify="required|phone" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">
                                    <span>*</span>
                                    面积
                                </label>
                                <div class="layui-input-inline">
                                    <input type="text" lay-verify="required" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">
                                    <span>*</span>
                                    年限
                                </label>
                                <div class="layui-input-inline">
                                    <input type="number" lay-verify="required" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">
                                <span>*</span>
                                实景图片
                            </label>
                            <div class="layui-upload">
                                <button type="button" class="layui-btn lafite_btn" id="lafite_upload">点击上传</button> 
                                <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px; margin-left: 5%">
                                    预览图：
                                    <div class="layui-upload-list" id="demo2"></div>
                                </blockquote>
                            </div>
                        </div>

                        <div class="layui-form-item layui-form-text">
                            <label class="layui-form-label">
                                <span>*</span>
                                标的现状
                            </label>
                            <div class="layui-input-block lafite_width_60">
                            <textarea name="desc" placeholder="请输入内容" class="layui-textarea lafite_textarea"></textarea>
                            </div>
                        </div>

                        <div class="layui-form-item lafite_item">
                            <div class="lafite_custom_btn"><i class="layui-icon"></i>新增详情</div>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <div class="layui-input-block">
                        <button class="lafite-layui-btn" lay-submit lay-filter="formDemo">保存</button>
                        <button lay-submit lay-filter="formDemo" class="lafite-layui-btn2 lafite_margin_left_20px">发布</button>
                        </div>
                    </div>
                    </form>
                </div>
            </div>
        </div>
    </body>
    <script>layui.use(['laydate', 'form', 'upload'],
        function() {
            var $ = layui.jquery
            ,upload = layui.upload;

            var laydate = layui.laydate;

            //执行一个laydate实例
            laydate.render({
                elem: '#start' //指定元素
            });

            //执行一个laydate实例
            laydate.render({
                elem: '#end' //指定元素
            });

            //日期时间范围
            laydate.render({
                elem: '#test10'
                ,type: 'datetime'
                ,range: true
            });

             //日期时间范围
             laydate.render({
                elem: '#test11'
                ,type: 'datetime'
                ,range: true
            });

            //多图片上传
            upload.render({
                elem: '#lafite_upload'
                ,url: '/upload/'
                ,multiple: true
                ,before: function(obj){
                //预读本地文件示例，不支持ie8
                obj.preview(function(index, file, result){
                    $('#demo2').append('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img">')
                });
                }
                ,done: function(res){
                //上传完毕
                }
            });

            /*用户-删除*/
            function member_del(obj, id) {
                layer.confirm('确认要删除吗？',
                function(index) {
                    //发异步删除数据
                    $(obj).parents("tr").remove();
                    layer.msg('已删除!', {
                        icon: 1,
                        time: 1000
                    });
                });
            }


            //新增
            $(".lafite_custom_btn").click(function() {
                $(".lafite_details_child").eq($(".lafite_details_child").length-1).after('<div class="lafite_details_child"><div class="layui-form-item"><label class="layui-form-label"><span>*</span> 地块名称 </label><div class="layui-input-block lafite_width_30"><input type="text" name="title" required lay-verify="required" placeholder="" autocomplete="off" class="layui-input"></div></div><div class="layui-form-item"><div class="layui-inline"><label class="layui-form-label"> 土地确权编号 </label><div class="layui-input-inline"><input type="text" autocomplete="off" class="layui-input"></div></div><div class="layui-inline"><label class="layui-form-label"> 土地确权时间 </label><div class="layui-input-inline"><input type="text" autocomplete="off" class="layui-input"></div></div></div><div class="layui-form-item"><label class="layui-form-label">标的物类型</label><div class="layui-inline"><select name="quiz1"><option value="">经营权转让挂牌</option><option value="浙江">浙江省</option><option value="你的工号">江西省</option><option value="你最喜欢的老师">福建省</option></select></div><div class="layui-inline"><select name="quiz1"><option value="">集体资源性资产挂牌</option><option value="浙江">浙江省</option><option value="你的工号">江西省</option><option value="你最喜欢的老师">福建省</option></select></div><div class="layui-inline"><select name="quiz1"><option value="">集体经营性资产挂牌</option><option value="浙江">浙江省</option><option value="你的工号">江西省</option><option value="你最喜欢的老师">福建省</option></select></div></div><div class="layui-form-item"><div class="layui-inline"><label class="layui-form-label"><span>*</span> 联系人 </label><div class="layui-input-inline"><input type="text" autocomplete="off" class="layui-input"></div></div><div class="layui-inline"><label class="layui-form-label"><span>*</span> 联系电话 </label><div class="layui-input-inline"><input type="tel" name="phone" lay-verify="required|phone" autocomplete="off" class="layui-input"></div></div></div><div class="layui-form-item"><div class="layui-inline"><label class="layui-form-label"><span>*</span> 面积 </label><div class="layui-input-inline"><input type="text" lay-verify="required" autocomplete="off" class="layui-input"></div></div><div class="layui-inline"><label class="layui-form-label"><span>*</span> 年限 </label><div class="layui-input-inline"><input type="number" lay-verify="required" autocomplete="off" class="layui-input"></div></div></div><div class="layui-form-item"><label class="layui-form-label"><span>*</span> 实景图片 </label><div class="layui-upload"><button type="button" class="layui-btn lafite_btn" id="lafite_upload">点击上传</button><blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px; margin-left: 5%"> 预览图： <div class="layui-upload-list" id="demo2"></div></blockquote></div></div><div class="layui-form-item layui-form-text"><label class="layui-form-label"><span>*</span> 标的现状 </label><div class="layui-input-block lafite_width_60"><textarea name="desc" placeholder="请输入内容" class="layui-textarea lafite_textarea"></textarea></div></div><div class="layui-form-item lafite_item"><div class="lafite_del_btn"><i class="iconfont">&#xe6fe;</i>删除</div></div></div></div>');
            })

            //删除
            $("body").delegate(".lafite_del_btn","click",function() {
                // console.log($(this);
                console.log($(this).parent());
                $(this).parent().parent().hide();
            });
        });
        

    </script>

</html>